<template>
  <section class="con">
    <div class="top">
      <img src="./../image/pic9.png"
           class="img1"
           alt=""
           srcset="">
      <span class="span1">服务大厅</span>
      <img src="./../image/pic21.png"
           class="img2"
           alt="">
      <ul class="ul1">
        <a href="/#/">
          <li>首页</li>
        </a>
        <a href="/#/front/commons?pid=1&ids=11&templateId=0&entityId=27">
          <li>
          <li>关于我们</li>
        </a>
        <a href="/#/front/commons?pid=2&ids=20&templateId=3&entityId=4">
          <li>
          <li>瑞丽新闻</li>
        </a>
        <a href="/#/front/front/sitemap">
          <li>
          <li>网站地图</li>
        </a>
      </ul>
    </div>
  </section>
</template>

<script>

export default {
  name: "search",
  data () {
    return {
    };
  },
  components: {

  },
  created () { },
  methods: {
    lang (v) {
      localStorage.setItem("lang", v)
    },
  }
};
</script>

<style lang="scss" scoped>
.pointer {
  cursor: pointer;
}
.con {
  min-width: 1300px;
}
.ul1 {
  width: 26.5%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  li {
    font-size: 19px;
    float: left;
    color: #d1c0a5;
  }
}
.top {
  height: 120px;
  background: #850c0c;
  display: flex;
  align-items: center;
  .img1 {
    width: 275px;
    margin-left: 5%;
  }
  .img2 {
    width: 2.8%;
    margin: 6px 28.75% 0 1.19%;
    width: 1.8%;
    opacity: 0;
  }
  .span1 {
    color: white;
    font-size: 32px;
    margin-left: 3.1%;
    opacity: 0;
  }
}
</style>